<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UI设计</title>
    <link rel="stylesheet" href="../public/css/priject.css">
    <link rel="stylesheet" href="../download/font_gwho4ol32lj/iconfont.css">
</head>

<body>
    <div class="header">
        <div class="left"><img src="https://bufanui.com/pages/front/img/LOGO.png" alt=""></div>
        <div class="right">
            <a href="../view/bufan.html">
                <p class="p1 p">首页 <span></span></p>
            </a>
            <a href="">
                <p class="p2 ">UI设计 <span></span></p>
            </a>
            <a href="">
                <p class="p3 p">前端开发 <span></span></p>
            </a>
            <a href="">
                <p class="p4 p">不凡说 <span></span></p>
            </a>
            <a href="">
                <p class="p5 p">导航 <span></span></p>
            </a>

        </div>
    </div>
    <div class="banner"></div>

    <div class="nav navpro">
        <div class="warp">
            <a href="">
                <p class="p1">课程<span></span></p>
            </a>
            <a href="">
                <p class="p2">作品<span></span></p>
            </a>
            <a href="">
                <p class="p2">项目<span></span></p>
            </a>
            <a href="">
                <p class="p2">师资<span></span></p>
            </a>
            <a href="">
                <p class="p2">环境<span></span></p>
            </a>
        </div>


    </div>
    <div class="super">
        <div class="left">
            <p class="p1">小单元精品班，老师就在身边，问题随时解决</p>
            <p class="p2">5年打磨课程体系，插画/C4D/品牌/前端代码，更全更新</p>
            <p class="p3">设计/开发分组配合完成项目，学习真正的工作流程</p>
            <p class="p4">全MAC电脑教学，享受专业UI设计师相同配备</p>
        </div>
        <div class="vs">
            <p class="p1">vs</p>
            <p class="p2">不凡学院 传统机构</p>
        </div>
        <div class="right">
            <p class="p1">小单元精品班，老师就在身边，问题随时解决</p>
            <p class="p2">5年打磨课程体系，插画/C4D/品牌/前端代码，更全更新</p>
            <p class="p3">设计/开发分组配合完成项目，学习真正的工作流程</p>
            <p class="p4">全MAC电脑教学，享受专业UI设计师相同配备</p>
        </div>
    </div>
    <div class="course-1">
        <p class="p1">第一阶段：Ui基础入门</p>
        <p class="p2">Ps、Ai等基础软件操作与实战；排版、配色、美术原理等基础设计理论学习</p>
        <div class="time">
            <p class="p3">学时共: <span>14</span> 周</p>
        </div>
        <div class="list">
            <div class="item">
                <div class="bg"><img src="https://bufanui.com/pages/front/pages/ui/img/PS.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/AI.png" alt=""></div>
                <p> 1、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>2、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>3、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>4、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
            <div class="item">
                <div class="bg"><img src="https://bufanui.com/pages/front/pages/ui/img/PS.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/AI.png" alt=""></div>
                <p> 5、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>6、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>7、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>8、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
        </div>
    </div>
    <div class="course-2">
        <p class="p1">第二阶段：表现技法拔高</p>
        <p class="p2">Ps、Ai等基础软件操作与实战；排版、配色、美术原理等基础设计理论学习</p>

        <div class="list">
            <div class="item">
                <div class="bg"><img src="https://bufanui.com/pages/front/pages/ui/img/Pixelmator.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/timg.png" alt=""></div>
                <p> 1、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>2、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>3、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>4、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
            <div class="item">
                <div class="bg"><img src="https://bufanui.com/pages/front/pages/ui/img/Pixelmator.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/timg.png" alt=""></div>
                <p> 5、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>6、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>7、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>8、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
        </div>
    </div>
    <div class="course-3">
        <p class="p1">第三阶段：产品设计与交互设计</p>
        <p class="p2">Ps、Ai等基础软件操作与实战；排版、配色、美术原理等基础设计理论学习</p>

        <div class="list">
            <div class="item">
                <div class="bg"><img src="https://bufanui.com/pages/front/pages/ui/img/SK.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/AX.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/AE.png" alt="">
                </div>
                <p> 1、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>2、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>3、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>4、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
            <div class="item">
                <div class="bg"><img src="https://bufanui.com/pages/front/pages/ui/img/p.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/XMind.png" alt="">
                    <img src="https://bufanui.com/pages/front/pages/ui/img/lan.png" alt=""></div>

                <p> 5、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>6、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>7、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>8、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
        </div>
    </div>
    <div class="course-4">
        <p class="p1">第四阶段：项目流程与作品集包装，面试指导</p>
        <p class="p2">Ps、Ai等基础软件操作与实战；排版、配色、美术原理等基础设计理论学习</p>

        <div class="list">
            <div class="item">
                <div class="bg"><img src="	https://bufanui.com/pages/front/pages/ui/img/h5-1.png" alt="">
                    <img src="	https://bufanui.com/pages/front/pages/ui/img/h5.png" alt=""></div>
                <p> 1、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>2、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>3、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>4、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
            <div class="item">
                <div class="bg"><img src="	https://bufanui.com/pages/front/pages/ui/img/h5-1.png" alt="">
                    <img src="	https://bufanui.com/pages/front/pages/ui/img/h5.png" alt=""></div>
                <p> 5、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>6、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>7、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
                <p>8、Ui初识与行业发展 <span>（ui行业现状分析/如何做好职业规划）</span></p>
            </div>
        </div>
    </div>
    <div class="public">
        <div class="title">
            <p>免费公开课</p>
        </div>
        <div class="list">
            <div class="warp">
                <div class="item">
                    <img src="https://bufanui.com/pages/front/img/ai_logo.png" alt="">
                </div>
                <p class="p1">Ai - 基础教程</p>
                <p class="p2">主讲老师：费老师</p>
            </div>
            <div class="warp">
                <div class="item">
                    <img src="https://bufanui.com/pages/front/img/ae_logo.png" alt="">
                </div>
                <p class="p1">Ae - 动效基础教程</p>
                <p class="p2">主讲老师：王老师</p>
            </div>
            <div class="warp">
                <div class="item">
                    <img src="https://bufanui.com/pages/front/img/sketch_logo.png" alt="">
                </div>
                <p class="p1">Sketch - 基础教程</p>
                <p class="p2">主讲老师：王老师</p>
            </div>
            <div class="warp">
                <div class="item">
                    <img src="	https://bufanui.com/pages/front/img/PS.png" alt="">
                </div>
                <p class="p1">Ps - 基础教程</p>
                <p class="p2">主讲老师：王老师</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="main">
            <div class="item"><img src="https://bufanui.com/pages/front/img/qr_web.png" alt="">
                <p>微信扫码咨询/报名</p>
            </div>
            <div class="item">
                <p class="p1">电话：</p>
                <p class="p2">188-3818-0363</p>
                <p class="p3">(周一至周日 9:00 - 6:30 )</p>
                <a href="">
                    <p class="p4">在线咨询</p>
                </a>

            </div>
            <div class="item">
                <p class="p1">地址：</p>
                <p class="p2">郑州市 / 郑东新区金水东路<br> 绿地新都会 / 6号楼1210</p>
                <p class="p3">微信：</p>
                <p class="p4">bufanxueyuan</p>
            </div>
            <div class="item">
                <span class="iconfont icon-weixin"></span>
                <span class="iconfont icon-xinlangweibo"></span>

            </div>

        </div>
        <div class="links">
            <div class="warp">
                <div class="left">
                    <p>友情链接:</p>
                    <p> 站酷</p>
                    <p> 花瓣</p>
                    <p> ui中国</p>
                    <p> 爱果果</p>
                    <p> github</p>
                    <p> oschina</p>
                    <p> csdn</p>
                </div>
                <div class="right">
                    <p>Copyright©</p>
                    <p>2017</p>
                    <p>不凡学院</p>
                    <p>豫ICP备</p>
                    <p>17015347号</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>